<template>
  <view class="stars">
    <image class="star" v-for="item in value" :key="item" src="../../static/2images/rate_1.png"></image>
    <view class="star" v-for="item in (5 - value)" :key="'-'+item"></view>
</view>
</template>

<script>
export default {
    props: {
        value: {
            type: [Number, String],
            default: 5
        }
    }
}
</script>

<style>
.stars{
    display: flex;
}
.star{
    width: 19px;
    height: 19px;
}
</style>